@extends('home.qyg.layouts')
@section('content')

					<div class="am-tabs-bd h-about-con">
						
						<div class="am-active h-paddin-zero" id="tab2">
							<!---->
							<div class="h-about-body">
								<div class="h-about-name">{{$info->cate_name}}</div>

								<div class="h-about-sole"><span>·</span>{{$info->cate_name}}</div>
								<!--折叠面板-->
								<div class="panel-group" id="accordion">
									@if(!empty($archive))
										@foreach($archive as $v)
											<div class="panel h-about-color">
												<div class="panel-hd h-about-wt">
													<h4 class="panel-title" >
														{{$v->title}}
														<span class="h-plus" >+</span>
													</h4>
												</div>
												<div id="do-not-say-{{$v->id}}" class="panel-collapse collapse">
													<div class="panel-bd ">
														{!! $v->detail->content !!}
													</div>
												</div>
											</div>
										@endforeach
									@endif

								</div>
								<!--折叠面板-->
							</div>
							<!---->
						</div>

					</div>
					<script type="text/javascript">

                        $('.panel-hd h4').click(function() {
                            var opt = $(this).find('.h-plus');
                            var _this=$(this);

                            if(opt.html()=="+"){
                                $('.panel-hd').find(".h-plus").html("+");
                                opt.html("-");
                                $(".panel-collapse").hide().css("opacity","0");
                                _this.parent().siblings().show().animate({opacity:"1"},200);
                                console.log("ok");
                            }
                            else{

                                opt.html(opt.html() == '-' ? '+' : '-')
                                _this.parent().siblings().hide().css("opacity","0");
                            }

                        });


					</script>
@endsection

